<!DOCTYPE html>
<html lang="en">

<head>
    <title>v-if</title>
    <meta charset="utf-8">
</head>

<body>

    <div id="app">
        <div>v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。</div>
        <div v-if="islogin">您好，登录成功!</div>
        <div v-else>请您登录</div>

        <div v-show="islogin">您好，登录成功!</div>
        <!-- 调整css dispaly属性，可以使客户端操作更加流畅。-->
    </div>

    <script type="text/javascript" src="../assets/js/vue.2.0.1.js"></script>

    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data: {
                islogin: true
            }
        });
    </script>

</body>

</html>